// Copyright (c) Microsoft Corporation. All rights reserved.
// Licensed under the MIT License.

@import '../../../common/styles/common.scss';

.index-circle {
    display: inline-block;
    border-radius: 50%;
    border: 1px solid $neutral-20;
    width: 1.5em;
    line-height: 1.5em;
    padding: 0.07em;
    margin-top: 0.23em;
    color: $secondary-text;
    background: $neutral-0;
    text-align: center;

    li :global(.is-expanded) &,
    :global(.ms-Nav-compositeLink.is-selected) & {
        color: $neutral-0;
        background: $index-circle-background;
        border-color: $neutral-0;
    }

    @media (forced-colors: active) {
        li :global(.is-expanded) &,
        :global(.ms-Nav-compositeLink):hover &,
        :global(.ms-Nav-compositeLink.is-selected) & {
            forced-color-adjust: none;
            background-color: ButtonFace !important;
            color: ButtonText !important;
            border-color: ButtonText !important;
        }
    }
}
